/*
 * @Author: Paco
 * @Date:   2017-03-23
 * @lastmodify 2017-03-23
 * +----------------------------------------------------------------------
 * | 式神 [ 289650682@qq.com ]
 * | Copyright (c) 2017 http://www.luck48.com All rights reserved.
 * | Licensed ( http://www.luck48.com )
 * | Author: Paco <289650682@qq.com>
 * +----------------------------------------------------------------------
 */
.luck-float{
    float: left;
}
.luck-pane{
    width:100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
    height:100%;
    box-sizing: border-box;
}
/*底部*/
.luck-footer{
    box-sizing: border-box;
    position:absolute;
    height:50px;
    width:100%;
    display: flex;
    left: 0;
    bottom: 0;
    border-top:1px solid #ddd;
    align-items:center;
}
.luck-footer-left{
    justify-content:flex-start;
}
.luck-footer-center{
    justify-content:center;
}
.luck-footer-right{
    justify-content:flex-end;
}
.luck-footer-padding{
    padding:0 20px;
}
.luck-content{
    height:100%;
    overflow-y:auto;
}

/*form*/
.luck-form-label{
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    width:25%;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
}

.luck-upload{
    position: relative;
    background: #e2e2e2;
}
.luck-upload-auto,.luck-upload-auto img{
    max-width:100%;
    max-height: 200px;
}

.luck-upload-200,.luck-upload-200 img{
    width:200px;
    height: 200px;
    border-radius: 100%;
}
.luck-upload .luck-upbar {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -56px;
}
.luck-upload .layui-upload-button {
    background-color: rgba(0,0,0,.2);
    color: rgba(255,255,255,1);
}
.luck-block .layui-btn{margin:0 !important;}

.luck-tree{
    display: inline-block;
    box-sizing: border-box;
    width: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
}
.luck-row-200{
    width: calc(100% - 200px);
    margin:0;
}
.luck-row-200>div{
    padding:0 !important;
}
.layui-tree-skin-luck li a.hover i{color:#fff;}
.layui-tree-skin-luck a.hover{background-color:#1FA094;color:#fff;}
.larry-wrapper{margin:5px auto;}
.luck-panel{margin-bottom:10px;padding:5px;}
.luck-text-right{
    text-align: right;
}.luck-text-left{
     text-align: left;
 }
.luck-form-label2{width:18% !important;}
.luck-input-inline{
    width:80% !important;
}
.layui-layer-title{
    border-shadow:2px 2px 2px #000;
}
.luck-red{color: red;}

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{ height:1%;}
.add-subcat {display: none;padding: 15px;}
.edit-subcat {display: none;padding: 15px;}
.layui-form-item .layui-input-inline{margin-right: 0;width:70%;}
.layui-layout-admin .layui-body{bottom:30px;}
.layui-form-item .layui-input-inline{margin:0;}
.layui-layer-page .layui-layer-content{overflow: visible !important;}
.layui-form-pane .layui-form-label.w150{width:150px;}
.layui-form-pane .layui-input-block{text-align: right;}
.layui-form-pane .layui-input-block{margin-left: 150px;}
.layui-disable{background-color: #e2e2e2;}
.layui-text-left{text-align: left !important;}
.layer-dl-inline>div{float: left;}
.clear{clear: both;display: block;content:".";height:0; clear:both;visibility:hidden;}
.layer-li{margin-bottom: 15px !important;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.layer-dl-inline dd{float: left; margin-left: 0 !important;}
.layer-box{margin:15px;border:1px solid #e2e2e2;padding:0 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);border-radius: 2px;}
.layer-dl-inline>div{margin-left:-30px !important;}
.luck-color{height:auto !important;padding-left:38px !important;}
.minicolors-theme-default .minicolors-swatch{height:30px !important;width:30px !important;}
.luck-select .layui-form-select dl{
    top:auto;
    bottom:42px;
}